<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
</head>
<body>
    <label for="name">标题列表</label><input required id="name" list="datalist">
    <input id="confirm" value="确定" type="button">
    <datalist id="datalist">
        <option value="index">导航</option>
        <option value="datalist" />
        <option value="kbd" />
        <option value="column-">css3多列</option>
    </datalist>
    <script>

document.addEventListener("DOMContentLoaded", ()=>{
    document.querySelector('#confirm').addEventListener('click', (e) => {
        window.parent.open(`${document.querySelector('#name').value}.html`, "_self");
    });
});

    </script>
</body>
</html>